<?php
session_start();
if (isset($_SESSION['nombre'])) {
    require_once('Connections/tecno.php');
    include('scripts/fechaMysqlNormal.php');
    $id = "-1";
    if (isset($_REQUEST['id'])) {
        $id = $_REQUEST['id'];
    }
    mysql_select_db($database_tecno, $tecno);
    $query_Recordset1 = "SELECT codBanco, banco FROM bancos";
    $Recordset1 = mysql_query($query_Recordset1, $tecno) or die(mysql_error());
    $row_Recordset1 = mysql_fetch_assoc($Recordset1);
    $totalRows_Recordset1 = mysql_num_rows($Recordset1);
    ?>
    <link href="css/demo_jconfirmaction.css" rel="stylesheet" type="text/css" />
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />
    <link type="text/css" href="../demos.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/ui/ui.core.js"></script>
    <script type="text/javascript" src="js/jconfirmaction.jquery.js"></script>
    <script type="text/javascript" src="js/ui/ui.tabs.js"></script>
    <script src="js/ui/ui.datepicker.js"></script>
    <script src="js/ui/i18n/ui.datepicker-es.js"></script>
    <style type="text/css">
        a{text-decoration: none;}
        .inputBad {color:#934; background-color:#fee; border:solid 2px #d36;}

    </style>


    <script type="text/javascript">
        $(document).ready(function(){
            /*$( "#fecha" ).datepicker( {changeMonth: true, changeYear: true} );*/
            $( "#fechaG" ).datepicker();
            $( "#fechaI" ).datepicker();
            $( "#fechaF" ).datepicker();
            //Activar campos Banco y N° cuando la forma de pago sea distinta a efectivo
            $("#banco").attr('disabled','disabled');
            $("#nro").attr('disabled','disabled');
            $("#forma").change(function(){
                if((document.gastos.forma.value=="Seleccione")||(document.gastos.forma.value=="Efectivo")){
                    $("#banco").attr('disabled','disabled');
                    $("#nro").attr('disabled','disabled');
                }else{
                    $("#banco").attr('disabled','');
                    $("#nro").attr('disabled','');
                }
            });

            //Para Guardar un pago de producto
            $("#guardar").click(function(){
                var camposVacios = 0;
                $("#motivo").focus(function(){$(this).removeClass("inputBad");}); 
                if ($("#motivo").val()==""){
                    $("#motivo").addClass("inputBad");				
                    camposVacios++;				
                }else{
                    $("#motivo").removeClass("inputBad");				
                } 
                $("#monto").focus(function(){$(this).removeClass("inputBad");}); 
                if ($("#monto").val()=="" ) {
                    $("#monto").addClass("inputBad");				
                    camposVacios++;				
                }else{
                    $("#monto").removeClass("inputBad");				
                }
                $("#forma").focus(function(){$(this).removeClass("inputBad");});
                var lista = document.getElementById("forma"); 	
                var indiceSeleccionado = lista.selectedIndex;
                var opcionSeleccionada = lista.options[indiceSeleccionado];
                var textoSeleccionado = opcionSeleccionada.text;
                if ((document.gastos.forma.value=="" )||(textoSeleccionado=="Seleccione")){
                    $("#forma").addClass("inputBad");			
                    camposVacios++;				
                }else{
                    $("#forma").removeClass("inputBad");				
                }	
                if(camposVacios>0){	
                    alert("Usted ha dejado "+camposVacios+" campos requeridos sin llenar debidamente,\npor favor revise los mismos");
                    return false;
                }else{ 
                    $("#cargando").css("display","inline");
                    $.post('arrayGastos.php', $("#gastos").serialize(),function(data){
                        $('#gastosMostrar').html(data);		
                        $("#cargando").css("display", "none");
                        $('#gastos')[0].reset();
                    })
                }
            });

            $("#ver").click(function(){
                $("#cargando").css("display","inline");
                $.post('arrayCaja.php', $("#caja").serialize(),function(data){
                    $('#mensajeCaja').html(data);		
                    $("#cargando").css("display", "none");
                    $("#print").css("visibility","visible");
                })
            });
            //crear nuevo gasto
            $("#crearGasto").click(function(){
                $("#cargando").css("display","inline");
                $("#descripcion").focus(function(){$(this).removeClass("inputBad");}); 
                if ($("#descripcion").val()=="" ) {
                    $("#descripcion").addClass("inputBad");				
                }else{
                    $("#descripcion").removeClass("inputBad");				
                }
            });
            //genera los tabs   
            $("#tabs").tabs();
        });
    </script>

    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Gastos Diarios</a></li>
            <li><a href="#tabs-2">Caja Diaria</a></li>
            <li><a href="det_pagos1.php">Reporte de Pagos de Clientes</a></li>		
            <li><a href="det_total.php">Totales</a></li>		
            <li><a href="#tabs-3">Imprimir Gastos</a></li>
        </ul>
        <div id="tabs-1" style="height:auto; min-height:240px;">
            <div id="cargando" style="display:none;top:38%;position:absolute;z-index:1000;margin-left:43%;">
                <img src="images/loading.gif" />	
            </div>
            <form id="gastos" name="gastos" action="#">
                <fieldset>
                    <legend>Gastos</legend>
                    <label for="motivo">Motivo:</label>
                    <input type="text" id="motivo" name="motivo" style="margin-left:5px;" class="input-peq" />
                    <label for="fecha">Fecha:</label>
                    <input type="text" name="fecha" id="fecha" style="margin-left:5px; width:80px;" class="input-peq" value="<?php echo date("d-m-Y"); ?>" readonly />
                    <label for="monto">Monto:</label>
                    <input type="text" id="monto" name="monto"style="margin-left:5px; width:80px;" class="input-peq" />    
                    <div class="clear"></div>   
                    <div style="height:25px;"></div>   
                    <label for="forma">Forma:</label>
                    <select name="forma" class="" id="forma">
                        <option value="Seleccione" selected="selected">Seleccione</option>
                        <option value="Efectivo">Efectivo</option>
                        <option value="Cheque">Cheque</option>
                        <option value="Deposito">Dep&oacute;sito</option>
                        <option value="Transferencia">Transferencia</option>
                    </select>
                    <label for="banco">Banco:</label>
                    <select name="banco" id="banco">
                        <option value="" selected="selected">Seleccione</option>
                        <?php do { ?>
                            <option value="<?php echo $row_Recordset1['codBanco'] ?>"><?php echo $row_Recordset1['banco'] ?></option>
                            <?php
                        } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));
                        $rows = mysql_num_rows($Recordset1);
                        if ($rows > 0) {
                            mysql_data_seek($Recordset1, 0);
                            $row_Recordset1 = mysql_fetch_assoc($Recordset1);
                        }
                        ?>
                    </select>
                    <label for="nro">Nro:</label>
                    <input type="text" id="nro" name="nro" class="input-med" style="margin-left:5px;" />
                    <input name="tipo" type="hidden" id="tipo" value="2" /><!--especifica si es gasto-->
                    <div class="clear"></div>
                    <a href="#">
                        <div id="guardar" class="botonCustom" style="margin-left:350px;">Guardar</div>
                    </a>
                </fieldset>
            </form>
            <div id="gastosMostrar">
                <?php include('arrayGastos.php'); ?>
            </div>
            <?php if ($_SESSION['tipoUsuario'] == 1) { ?>
                <div style="margin-top:20px;">
                    <fieldset>
                        <legend>Crear Gasto</legend>
                        <label for="gasto" style="">Descripci&oacute;n:</label>
                        <input type="text" id="descripcion" name="descripcion" style="margin-left:5px;" class="input-peq" />
                        <a href="#">
                            <div id="crearGasto" class="botonCustom" style="float:none;display:inline-block;">Crear</div>
                        </a>
                    </fieldset>
                </div>
            <?php } ?>
        </div>
        <div id="tabs-3" style="height:auto; min-height:240px;">
            <div id="cargando" style="display:none; top:15px; position:relative; z-index:1000; margin-left:350px;">
                <img src="images/loading.gif" />	
            </div>
            <form id="gastosI" name="gastosI" action="reportes/gastos.php" target="_blank" method="get">
                <fieldset>
                    <legend>Buscar Gastos</legend>
                    <label for="fechaG" style="margin-left:5px; width:40px; float:left;">Fecha:</label>
                    <input type="text" name="fechaG" id="fechaG" style="margin-left:5px; width:80px; float:left;" class="input-peq" value="<?php echo date("d-m-Y"); ?>" />
                    <input type="submit" name="imprimir" id="imprimir" value="Imprimir" class="botonCustom" style="margin-left:5px; height:25px;" />
                </fieldset>
            </form>
            <div class="clear"></div>
        </div>
        <div id="tabs-2" style="height:auto; min-height:240px;">
            <div id="cargando" style="display:none; top:15px; position:relative; z-index:1000; margin-left:350px;">
                <img src="images/loading.gif" />	
            </div>
            <form id="caja" name="caja">
                <fieldset>
                    <legend>Caja Diaria</legend>
                    <label for="fechaI">Fecha Inicio:</label>
                    <input name="fechaI" type="text" class="input-peq" id="fechaI" style="margin-left:5px; width:80px;" value="<?php echo date("d/m/Y"); ?>" readonly="readonly" />
                    <label for="fechaF">Fecha Fin:</label>
                    <input name="fechaF" type="text" class="input-peq" id="fechaF" style="margin-left:5px; width:80px;" value="<?php echo date("d/m/Y"); ?>" readonly="readonly" />
                    <a href="#">
                        <div id="ver" class="botonCustom" style="margin-right:300px; float:right;">Visualizar</div>
                    </a>
                </fieldset>
                <div id="mensajeCaja"></div>
            </form>
        </div>
    </div>
    <?php
    mysql_free_result($Recordset1);
} else {
    include('error.php');
}
?>
